.m-checkbox {
  display: flex;
  overflow: hidden;
  user-select: none;

  .m-checkbox__icon-wrap,
  .m-checkbox__label {
    color: var(--color-text-regular, #606266);
  }

  .m-checkbox__icon-wrap {
    flex: none;
  }

  .m-checkbox__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: content-box;
    width: 42rpx;
    height: 42rpx;
    line-height: 42rpx;
    color: transparent;
    text-align: center;
    transition-property: color, border-color, background-color;
    font-size: 28rpx;
    font-weight: bold;
    border: 1px solid #e5e5e5;
    border-radius: 4rpx;
    transition-duration: .2s;
  }

  .m-checkbox__icon--round {
    border-radius: 50%;
  }

  .m-checkbox__icon--checked {
    background-color: var(--color-primary, #409EFF);
    border-color: var(--color-primary, #409EFF);
  }

  .m-checkbox__icon--disabled {
    background-color: #ebedf0;
    border-color: #d3d4d5;
  }

  .m-checkbox__icon--disabled.m-checkbox__icon--checked {
    color: #d3d4d5;
  }

  .m-checkbox__label {
    flex: 1;
    word-wrap: break-word;
    color: var(--color-text-primary, #303133);
  }

  .m-checkbox__label--left {
    margin-right: 20rpx;
  }

  .m-checkbox__label--right {
    margin-left: 20rpx;
  }

  .m-checkbox__label--disabled {
    color: #d3d4d5;
  }

  .m-checkbox__icon--prevent {
    background-color: #ebedf0;
  }
}